<template>
	<view>
		<view class="jingjieBox">
			<view class="" @tap="moreCurious()">
				<view class="common">
					<view class="left-box">
						<view class="titleContent common-textOverflow">{{item.content}}</view>
					</view>
				</view>
				<view class="margin common">
					<view class="flex-box">
						<view class="dianzan-img" v-for="(item,index) in imglist" :key="index">
							<image :src="item.avatar" mode=""></image>
							<!-- <image v-if="item.viewPointUserInfos[0].avatar!=undefined" :src="item.viewPointUserInfos[0].avatar"></image>
							<image v-if="item.viewPointUserInfos[1].avatar!=undefined" :src="item.viewPointUserInfos[1].avatar"></image>
							<image v-if="item.viewPointUserInfos[2].avatar!=undefined" :src="item.viewPointUserInfos[2].avatar"></image>
							<image v-if="item.viewPointUserInfos[3].avatar!=undefined" :src="item.viewPointUserInfos[3].avatar"></image> -->
						</view>
						<view class="dianzan-num">{{item.viewpoint_count}}人参与好奇</view>
					</view>
					<view class="right-box flex-box">
						<view class="answer">查看所有回应</view>
						<image src="/static/jingjie/rightlv.png"></image>
					</view>
				</view>
			</view>

			<view class="xiushi-box">
				<image src="/static/jingjie/xiushi.png"></image>
			</view>
			<view class="xiushi-box flex-box">
				<view class="left-box-l"></view>
				<view class="right-box-r">精彩回应</view>
			</view>

			<view class="body-box" v-if="item.curiosityViewpointEntities&&item.curiosityViewpointEntities.length==2">
				<view class="body-2box" v-for="(item1,index1) in item.curiosityViewpointEntities" :key="index1">
					<view class="body-box-left" v-if="item1.style==0" @tap="toVideoDetails(item1.id)">
						<view class="body-video-box">
							<!-- <image class="videoBox" src="/static/avatar.jpg" mode=""></image> -->
							<!-- <video class="videoBox" controls="false" src="http://www.huihejituan.com/tripPictstorage/qmore/qmore215/feibing.mp4"></video> -->
							<image class="videoBox" :src="item1.coverPics[0]" mode=""></image>
							<image class="bofang" src="/static/jingjie/bofang.png" mode=""></image>
							<cover-view class="operateBox">
								<cover-view class="box">
									<cover-image class="new-box" src="/static/jingjie/bofangcishu_h.png"></cover-image>
									<cover-view class="new-font-style">{{item1.browse_count}}</cover-view>
								</cover-view>
								<cover-view class="box">
									<cover-image class="new-box" src="/static/jingjie/pinglun_h.png"></cover-image>
									<cover-view class="new-font-style">{{item1.comment_count}}</cover-view>
								</cover-view>
								<cover-view class="box">
									<cover-image class="new-box" src="/static/jingjie/dianzan.png"></cover-image>
									<cover-view class="new-font-style">{{item1.like_count}}</cover-view>
								</cover-view>
							</cover-view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>
					<!--三张图2-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==4">
						<view class="body-video-box">
							<view class="bottomBox">
								<image mode="center" class="bottomImg border-radius3" :src="item1.coverPics[0]"></image>
							</view>
							<view class="headBox marginTop">
								<view class="small-Box">
									<image mode="center" class="img1 border-radius" :src="item1.coverPics[1]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img2 border-radius5" :src="item1.coverPics[2]"></image>
								</view>

								<view class="operateBox">
									<view class="box">
										<image src="/static/jingjie/chakan_h.png"></image>
										<text>{{item1.browse_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/pinglun_h.png"></image>
										<text>{{item1.comment_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/dianzan.png"></image>
										<text>{{item1.like_count}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>

					<!-- 三张图（小） -->

					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==3">
						<view class="body-video-box height">
							<view class="left-box-auto">
								<image mode="center" class="border-radius1" :src="item1.coverPics[0]"></image>
							</view>
							<view class="left-box-auto">
								<view class="small-box-auto">
									<image mode="center" class="image1 border-radius7" :src="item1.coverPics[1]"></image>
								</view>
								<view class="small-box-auto marginTop">
									<image mode="center" class="image2 border-radius5" :src="item1.coverPics[2]"></image>
								</view>
							</view>
							<view class="operateBox">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item1.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item1.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item1.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>



					<!--四张图（平均）4-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==7">
						<view class="body-video-box">
							<view class="headBox">
								<view class="small-Box">
									<image mode="center" class="img1 border-radius6" :src="item1.coverPics[0]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img2 border-radius7" :src="item1.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active">
								<view class="small-Box">
									<image mode="center" class="img3 border-radius4" :src="item1.coverPics[2]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img4 border-radius5" :src="item1.coverPics[3]"></image>
								</view>
							</view>
							<view class="operateBox">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item1.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item1.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item1.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>

					<!--四张图(不平均) 3-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==2">
						<view class="body-video-box height-style3">
							<view class="headBox heightStyle1">
								<view class="small-Box restWhidth1">
									<image mode="center" class="img1 border-radius6" :src="item1.coverPics[0]"></image>
								</view>
								<view class="small-Box restWhidth2">
									<image mode="center" class="img2 border-radius7" :src="item1.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle2">
								<view class="small-Box">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item1.coverPics[2]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img4 border-radius5" :src="item1.coverPics[3]"></image>
								</view>
							</view>
							<view class="operateBox">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item1.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item1.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item1.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>


					<!--四张图(1)8-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==5">
						<view class="body-video-box height-style">
							<view class="headBox heightStyle">
								<view class="small-Box restWhidth">
									<image mode="center" class="img1 border-radius3" :src="item1.coverPics[0]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle">
								<view class="small-Box restWhidth3">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item1.coverPics[1]"></image>
								</view>
								<view class="small-Box restWhidth3">
									<image mode="center" class="img4 marginLeft" :src="item1.coverPics[2]"></image>
								</view>
								<view class="small-Box restWhidth3">
									<image mode="center" class="img4 border-radius5" :src="item1.coverPics[3]"></image>
								</view>
							</view>
							<view class="operateBox">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item1.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item1.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item1.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>


					<!--五张图 7-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==8">
						<view class="body-video-box height-style">
							<view class="headBox heightStyle">
								<view class="small-Box">
									<image mode="center" class="img1 border-radius6" :src="item1.coverPics[0]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img2 border-radius7" :src="item1.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle">
								<view class="small-Box restWhidth3">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item1.coverPics[2]"></image>
								</view>
								<view class="small-Box restWhidth3">
									<image mode="center" class="img4 marginLeft" :src="item1.coverPics[3]"></image>
								</view>
								<view class="small-Box restWhidth3">
									<image mode="center" class="img4 border-radius5" :src="item1.coverPics[4]"></image>
								</view>
							</view>
							<view class="operateBox">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item1.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item1.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item1.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>

					<!--五张图(不平均) 6-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==1">
						<view class="body-video-box height-style3">
							<view class="headBox heightStyle1">
								<view class="small-Box restWhidth1">
									<image mode="center" class="img1 border-radius6" :src="item1.coverPics[0]"></image>
								</view>
								<view class="small-Box restWhidth2">
									<image mode="center" class="img2 border-radius7" :src="item1.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle2">
								<view class="small-Box restWhidth3">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item1.coverPics[2]"></image>
								</view>
								<view class="small-Box restWhidth3">
									<image mode="center" class="img4 marginLeft" :src="item1.coverPics[3]"></image>
								</view>
								<view class="small-Box restWhidth3">
									<image mode="center" class="img4 border-radius5" :src="item1.coverPics[4]"></image>
								</view>
							</view>
							<view class="operateBox">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item1.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item1.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item1.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>

					<!--两张图 1-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==6">
						<view class="body-video-box height-style">
							<view class="headBox restHeight">
								<view class="small-Box">
									<image mode="center" class="img1 border-radius1" :src="item1.coverPics[0]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img2 border-radius2" :src="item1.coverPics[1]"></image>
								</view>
								<view class="operateBox">
									<view class="box">
										<image src="/static/jingjie/chakan_h.png"></image>
										<text>{{item1.browse_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/pinglun_h.png"></image>
										<text>{{item1.comment_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/dianzan.png"></image>
										<text>{{item1.like_count}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>

					<!--一张图 0-->
					<view class="body-box-left" @tap="toImgDetails(item1.id)" v-else-if="item1.style==9">
						<view class="body-video-box height-style">
							<view class="headBox restHeight">
								<view class="small-Box restWhidth">
									<image mode="aspectFill" class="img2 border-radius8" :src="item1.coverPics[0]"></image>
								</view>
								<view class="operateBox">
									<view class="box">
										<image src="/static/jingjie/chakan_h.png"></image>
										<text>{{item1.browse_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/pinglun_h.png"></image>
										<text>{{item1.comment_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/dianzan.png"></image>
										<text>{{item1.like_count}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="video-title">
							<text class="conent-box ">{{item1.title}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="" v-else-if="item.curiosityViewpointEntities&&item.curiosityViewpointEntities.length==1">
				<view class="body-2box" v-for="(item2,index2) in item.curiosityViewpointEntities" :key="index2">
					<view class="body-box-left2" v-if="item2.style==0" @tap="toVideoDetails(item2.id)">
						<view class="body-video-box2">
							<!-- <image class="videoBox" src="/static/avatar.jpg" mode=""></image> -->
							<!-- <video class="videoBox" controls="false" src="http://www.huihejituan.com/tripPictstorage/qmore/qmore215/feibing.mp4"></video> -->
							<image class="videoBox" :src="item2.coverPics[0]" mode=""></image>
							<image class="bofang2" src="/static/jingjie/bofang.png" mode=""></image>
							<cover-view class="operateBox2">
								<cover-view class="box">
									<cover-image class="new-box" src="/static/jingjie/bofangcishu_h.png"></cover-image>
									<cover-view class="new-font-style">{{item2.browse_count}}</cover-view>
								</cover-view>
								<cover-view class="box">
									<cover-image class="new-box" src="/static/jingjie/pinglun_h.png"></cover-image>
									<cover-view class="new-font-style">{{item2.comment_count}}</cover-view>
								</cover-view>
								<cover-view class="box">
									<cover-image class="new-box" src="/static/jingjie/dianzan.png"></cover-image>
									<cover-view class="new-font-style">{{item2.like_count}}</cover-view>
								</cover-view>
							</cover-view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>
					<!--三张图2-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==3">
						<view class="body-video-box2">
							<view class="bottomBox">
								<image mode="aspectFill" class="bottomImg border-radius3" :src="item2.coverPics[0]"></image>
							</view>
							<view class="headBox marginTop">
								<view class="small-Box2">
									<image mode="center" class="img1 border-radius" :src="item2.coverPics[1]"></image>
								</view>
								<view class="small-Box2">
									<image mode="center" class="img2 border-radius5" :src="item2.coverPics[2]"></image>
								</view>

								<view class="operateBox2">
									<view class="box">
										<image src="/static/jingjie/chakan_h.png"></image>
										<text>{{item2.browse_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/pinglun_h.png"></image>
										<text>{{item2.comment_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/dianzan.png"></image>
										<text>{{item2.like_count}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>

					<!-- 三张图（小） -->

					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==4">
						<view class="body-video-box2 height">
							<view class="left-box-auto">
								<image mode="aspectFill" class="border-radius1" :src="item2.coverPics[0]"></image>
							</view>
							<view class="left-box-auto">
								<view class="small-box-auto">
									<image mode="center" class="image1 border-radius7" :src="item2.coverPics[1]"></image>
								</view>
								<view class="small-box-auto marginTop">
									<image mode="center" class="image2 border-radius5" :src="item2.coverPics[2]"></image>
								</view>
							</view>
							<view class="operateBox2">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item2.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item2.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item2.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>



					<!--四张图（平均）4-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==7">
						<view class="body-video-box2">
							<view class="headBox">
								<view class="small-Box-3">
									<image mode="center" class="img1 border-radius6" :src="item2.coverPics[0]"></image>
								</view>
								<view class="small-Box-3">
									<image mode="center" class="img2 border-radius7" :src="item2.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active">
								<view class="small-Box-3">
									<image mode="center" class="img3 border-radius4" :src="item2.coverPics[2]"></image>
								</view>
								<view class="small-Box-3">
									<image mode="center" class="img4 border-radius5" :src="item2.coverPics[3]"></image>
								</view>
							</view>
							<view class="operateBox2">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item2.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item2.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item2.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>

					<!--四张图(不平均) 3-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==2">
						<view class="body-video-box2 height-style3">
							<view class="headBox heightStyle1">
								<view class="small-Box restWhidth1-2">
									<image mode="aspectFill" class="img1 border-radius6" :src="item2.coverPics[0]"></image>
								</view>
								<view class="small-Box restWhidth2-2">
									<image mode="center" class="img2 border-radius7" :src="item2.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle2">
								<view class="small-Box">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item2.coverPics[2]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img4 border-radius5" :src="item2.coverPics[3]"></image>
								</view>
							</view>
							<view class="operateBox2">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item2.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item2.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item2.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>


					<!--四张图(1)8-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==5">
						<view class="body-video-box2 height-style">
							<view class="headBox heightStyle">
								<view class="small-Box restWhidth-2">
									<image mode="aspectFill" class="img1 border-radius3" :src="item2.coverPics[0]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle">
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item2.coverPics[1]"></image>
								</view>
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img4 marginLeft" :src="item2.coverPics[2]"></image>
								</view>
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img4 border-radius5" :src="item2.coverPics[3]"></image>
								</view>
							</view>
							<view class="operateBox2">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item2.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item2.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item2.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>


					<!--五张图 7-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==8">
						<view class="body-video-box2 height-style">
							<view class="headBox heightStyle">
								<view class="small-Box">
									<image mode="center" class="img1 border-radius6" :src="item2.coverPics[0]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img2 border-radius7" :src="item2.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle">
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item2.coverPics[2]"></image>
								</view>
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img4 marginLeft" :src="item2.coverPics[3]"></image>
								</view>
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img4 border-radius5" :src="item2.coverPics[4]"></image>
								</view>
							</view>
							<view class="operateBox2">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item2.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item2.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item2.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>

					<!--五张图(不平均) 6-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==1">
						<view class="body-video-box2 height-style3">
							<view class="headBox heightStyle1">
								<view class="small-Box restWhidth1-2">
									<image mode="aspectFill" class="img1 border-radius6" :src="item2.coverPics[0]"></image>
								</view>
								<view class="small-Box restWhidth2-2">
									<image mode="center" class="img2 border-radius7" :src="item2.coverPics[1]"></image>
								</view>
							</view>
							<view class="headBox active heightStyle2">
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img3 border-radius4 marginLeft" :src="item2.coverPics[2]"></image>
								</view>
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img4 marginLeft" :src="item2.coverPics[3]"></image>
								</view>
								<view class="small-Box restWhidth3-2">
									<image mode="center" class="img4 border-radius5" :src="item2.coverPics[4]"></image>
								</view>
							</view>
							<view class="operateBox2">
								<view class="box">
									<image src="/static/jingjie/chakan_h.png"></image>
									<text>{{item2.browse_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/pinglun_h.png"></image>
									<text>{{item2.comment_count}}</text>
								</view>
								<view class="box">
									<image src="/static/jingjie/dianzan.png"></image>
									<text>{{item2.like_count}}</text>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>

					<!--两张图 1-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==6">
						<view class="body-video-box2 height-style">
							<view class="headBox restHeight">
								<view class="small-Box-2">
									<image mode="aspectFill" class="img1 border-radius1" :src="item2.coverPics[0]"></image>
								</view>
								<view class="small-Box">
									<image mode="center" class="img2 border-radius2" :src="item2.coverPics[1]"></image>
								</view>
								<view class="operateBox2">
									<view class="box">
										<image src="/static/jingjie/chakan_h.png"></image>
										<text>{{item2.browse_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/pinglun_h.png"></image>
										<text>{{item2.comment_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/dianzan.png"></image>
										<text>{{item2.like_count}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>

					<!--一张图 0-->
					<view class="body-box-left2" @tap="toImgDetails(item2.id)" v-else-if="item2.style==9">
						<view class="body-video-box2 height-style">
							<view class="headBox restHeight">
								<view class="one-zhang">
									<image mode="aspectFill" class="one-zhang " :src="item2.coverPics[0]"></image>
								</view>
								<view class="operateBox2">
									<view class="box">
										<image src="/static/jingjie/chakan_h.png"></image>
										<text>{{item2.browse_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/pinglun_h.png"></image>
										<text>{{item2.comment_count}}</text>
									</view>
									<view class="box">
										<image src="/static/jingjie/dianzan.png"></image>
										<text>{{item2.like_count}}</text>
									</view>
								</view>
							</view>
						</view>
						<view class="video-title2">
							<text class="conent-box ">{{item2.title}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class="" v-else-if="item.curiosityViewpointEntities&&item.curiosityViewpointEntities.length==0">
				<view class="noList">
					暂无回应
				</view>
			</view>


		</view>
		<!--分类-->
		<view class="hotClass-box" v-if="isShowClass">
			<view class="common padding-style">
				<view class="hot-class">热门分类</view>
				<view class="common">
					<view class="all-class">查看全部分类</view>
					<image class="go-all-class" src="/static/jingjie/rightlv.png"></image>
				</view>
			</view>
			<scroll-view class="scroll-box" scroll-x>
				<view class="padding-scroll-box">
					<view class="small-scroll-box" v-for="(item3,index3) in datalist" :key="index3" @tap="classChannel(item3.type)">
						<image class="title-img" mode="center" :src="item3.little_pic"></image>
						<view class="mask-box">
							<view class="class-title">#{{item3.type}}</view>
							<view class="onlookers">{{item3.gather_count}}正在围观</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>

</template>

<script>
	export default {
		props: ['item', 'index'],
		data() {
			return {
				stylelist: this.item.curiosityViewpointEntities,
				isShowClass: false,
				imglist: this.item.viewPointUserInfos,
				datalist: ''
			};
		},
		onLoad() {
			this.getIndex(this.index)
			console.log(this.imglist)
			this.chooseStyle()
			if (this.imglist != '' && this.imglist != undefined && this.imglist.length > 4) {
				this.imglist.length = 4
			}
		},
		methed() {
			console.log(this.item);
			this.showStyleList()
			console.log(this.imglist)
		},
		methods: {
			getList() { //查询标签列表
				var data = {
					1: 1,
				};
				var me = this;
				this.myAjaxNew({
					model: 'news',
					controllerName: 'curiosityclassfiy',
					actionName: 'queryListPage',
					data: data,
					successBack: function(res) {
						me.datalist = res.data.data;
						console.log(me.datalist, '标签信息')
						for (var i = 0; i < me.datalist.length; i++) {

						}
					}
				})
			},
			moreCurious() {
				this.$emit('moreCurious')
			},
			classChannel(type) {
				this.$emit('classChannel', type)
			},
			toVideoDetails(id) {
				// this.$emit('toVideoDetails')
				uni.navigateTo({
					url: '/pages/World/videoDetails/videoDetails?id=' + id,
				})
			},
			toImgDetails(id) {
				// this.$emit('toImgDetails',id)
				uni.navigateTo({
					url: '/pages/World/ImgDetails/ImgDetails?id=' + id,
				})
			},
			getIndex(index) {
				if (index == 0) {
					this.isShowClass = true;
					this.getList()
				} else {
					this.isShowClass = false;
				}
			},
			gettypeDate() {

			},
			showStyleList() {

			},
			chooseStyle() {

			},
		}
	}
</script>

<style scoped>
	.jingjieBox {
		width: 750upx;
		/* height: 742upx; */
		background: rgba(255, 255, 255, 1);
		border-radius: 20upx;
		padding: 0 24upx;
		box-sizing: border-box;
		padding-top: 29upx;
		padding-bottom: 5upx;
		margin-bottom: 20upx;
	}

	.margin-style {
		margin-top: 20upx;
	}

	.jingjieBox.height {
		/* height: 550upx; */
		margin-top: 20upx;
	}

	.dianzan-img image {
		width: 40upx;
		height: 40upx;
		background: rgba(245, 245, 245, 1);
		border: 1upx solid rgba(70, 206, 207, 1);
		border-radius: 50%;
	}

	.body-box {
		width: 100%;
		height: auto;
		margin-top: 25upx;
		margin-bottom: 39upx;
		display: flex;
		justify-content: space-between;
	}

	.body-2box {}

	.body-box-left {
		width: 345upx;
		height: auto;
		float: left;
	}

	.body-box-left2 {
		width: 100%;
		height: auto;
	}

	.headBox {
		width: 100%;
		display: flex;
		height: 224upx;
		justify-content: space-between;
	}

	/* .heightStyle {
		height: 171upx;
	} */

	.active {
		margin-top: 5upx;
	}

	.small-Box {
		width: 171.5upx;
		height: 100%;
	}

	.small-Box2 {
		width: 351.5upx;
		height: 100%;
	}

	.small-Box-3 {
		width: 351.5upx;
		height: 100%;
	}

	.body-video-box {
		width: 345upx;
		height: 450upx;
		border-radius: 10upx;
		position: relative;
		z-index: 11;
	}

	.body-video-box2 {
		width: 100%;
		height: 450upx;
		border-radius: 10upx;
		position: relative;
		z-index: 11;
	}

	/* .height-style {
		height: 345upx;
	} */

	.left-box-auto {
		width: 171.5upx;
	}

	.small-box-auto {
		width: 171.5upx;
		height: 223upx;
	}

	.marginTop {
		margin-top: 7upx;
	}

	.small-box-auto .image1 {
		width: 100%;
		height: 100%;
		/* border-radius: 0 0 0 10upx; */
	}

	.small-box-auto .image2 {
		width: 100%;
		height: 100%;
		border-radius: 0 0 10upx 0;
	}

	.left-box-auto image {
		width: 100%;
		height: 100%;
		/* border-radius: 10upx 0 10upx 0; */
	}

	.body-video-box.height {
		/* height: 256upx; */
		display: flex;
		justify-content: space-between;
	}

	.small-Box-2 {
		width: 530upx;
		height: 100%;
	}

	.small-Box image {
		width: 100%;
		height: 100%;
	}

	.small-Box2 image {
		width: 100%;
		height: 100%;
	}

	.small-Box-2 image {
		width: 100%;
		height: 100%;
	}

	.small-Box-3 image {
		width: 100%;
		height: 100%;
	}

	/* .img1 {
		border-radius: 10upx 0 0 0;
	}

	.img2 {
		border-radius: 0 10upx 0 0;
	}

	.img3 {
		border-radius: 0 0 0 10upx;
	}

	.img4 {
		border-radius: 0 0 10upx 0;
	} */

	.videoBox {
		width: 100%;
		height: 100%;
		border-radius: 10upx;
	}

	.bofang {
		width: 80upx;
		height: 80upx;
		position: absolute;
		top: 185upx;
		left: 132upx;
	}

	.bofang2 {
		width: 80upx;
		height: 80upx;
		position: absolute;
		top: 185upx;
		left: 306upx;
	}

	.operateBox {
		width: 345upx;
		height: 48upx;
		background: rgba(28, 28, 35, 0.3);
		border-radius: 0upx 0upx 10upx 10upx;
		position: absolute;
		bottom: 0;
		z-index: 22;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 16upx;
		box-sizing: border-box;
	}

	.operateBox2 {
		width: 100%;
		height: 48upx;
		background: rgba(28, 28, 35, 0.3);
		border-radius: 0upx 0upx 10upx 10upx;
		position: absolute;
		bottom: 0;
		z-index: 22;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 16upx;
		box-sizing: border-box;
	}

	.box {
		display: flex;
	}

	.box image {
		width: 24upx;
		height: 24upx;
	}

	.box .new-box {
		width: 24upx;
		height: 24upx;
	}

	.box text {
		color: rgba(245, 245, 245, 1);
		font-size: 18upx;
		margin-left: 4upx;
	}

	.box .new-font-style {
		color: rgba(245, 245, 245, 1);
		font-size: 18upx;
		margin-left: 4upx;
	}

	.bottomBox {
		width: 100%;
		height: 224upx;
		/* margin-top: 5upx; */
		position: relative;
		z-index: 11;
	}

	.bottomBox .bottomImg {
		width: 100%;
		height: 100%;
		/* border-radius: 0 0 10upx 10upx; */
	}

	.video-title {
		width: 315upx;
		height: 60upx;
		font-size: 24upx;
		color: rgba(70, 206, 207, 1);
		line-height: 32upx;
		margin: auto;
		margin-top: 19upx;
		word-wrap: break-word;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.video-title2 {
		width: 100%;
		height: 60upx;
		font-size: 24upx;
		color: rgba(70, 206, 207, 1);
		line-height: 32upx;
		margin: auto;
		margin-top: 19upx;
		word-wrap: break-word;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.conent-box {
		width: 315upx;
		font-size: 24upx;
		color: rgba(51, 51, 51, 1);
	}

	.margin {
		display: flex;
		align-items: center;
		margin-top: 25upx;
	}

	.left-box {
		display: flex;
		align-items: center;
	}

	.title {
		font-size: 40upx;
		color: black;
		font-weight: bold;
	}

	.titleContent {
		font-size: 32upx;
		font-family: PingFang-SC-Medium;
		font-weight: bold;
		color: rgba(51, 51, 51, 1);
		margin-left: 13upx;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 700upx;
	}

	.answer {
		font-size: 28upx;
		color: rgba(70, 206, 207, 1);
		margin-right: 14upx;
	}

	.right-box image {
		width: 16upx;
		height: 28upx;
	}

	.xiushi-box {
		width: 100%;
	}

	.xiushi-box image {
		width: 100%;
		height: 11upx;
	}

	.flex-box {
		display: flex;
		align-items: center;
	}

	.left-box-l {
		width: 6upx;
		height: 32upx;
		background: rgba(70, 206, 207, 1);
	}

	.right-box-r {
		color: rgba(51, 51, 51, 1);
		font-size: 32upx;
		margin-left: 10upx;
	}

	.dianzan-num {
		font-size: 24upx;
		color: rgba(102, 102, 102, 1);
		margin-left: 19upx;
	}

	.hotClass-box {
		width: 750upx;
		height: 328upx;
		background: rgba(255, 255, 255, 1);
		border-radius: 10upx;
		box-sizing: border-box;
		margin-top: 20upx;
		padding-top: 28upx;
	}

	.padding-style {
		padding: 0 24upx;
	}

	.scroll-box {
		height: 200upx;
		margin-top: 23upx;
	}

	.padding-scroll-box {
		display: inline-flex;
		overflow-x: scroll;
		white-space: nowrap;
		padding-left: 24upx;
	}

	.small-scroll-box {
		width: 200upx;
		height: 200upx;
		border-radius: 10upx;
		float: left;
		margin-right: 16upx;
		position: relative;
	}

	.title-img {
		width: 200upx;
		height: 200upx;
		border-radius: 10upx;
		position: absolute;
		top: 0;
		left: 0;
	}

	.mask-box {
		width: 200upx;
		height: 200upx;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 10upx;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}

	.class-title {
		width: 100%;
		font-size: 36upx;
		color: rgba(255, 255, 255, 1);
		margin-top: 75upx;
		text-align: center;
	}

	.onlookers {
		width: 100%;
		font-size: 20upx;
		color: rgba(255, 255, 255, 1);
		margin-bottom: 45upx;
		text-align: center;
	}

	.hot-class {
		font-size: 36upx;
		color: rgba(51, 51, 51, 1);
		font-weight: bold;
	}

	.all-class {
		font-size: 28upx;
		color: rgba(70, 206, 207, 1);
	}

	.go-all-class {
		width: 15upx;
		height: 26upx;
		margin-left: 20upx;
	}

	.update-width {
		width: 350upx;
	}

	.update-width1 {
		width: 100%;
	}

	.average {
		height: 227.5upx;
	}

	.border-radius {
		border-radius: 0 0 0 10upx;
	}

	.border-radius1 {
		border-radius: 10upx 0 0 10upx;
	}

	.border-radius2 {
		border-radius: 0 10upx 10upx 0;
	}

	.border-radius3 {
		border-radius: 10upx 10upx 0 0;
	}

	.border-radius4 {
		border-radius: 0upx 0upx 0upx 10upx;
	}

	.border-radius5 {
		border-radius: 0upx 0upx 10upx 0upx;
	}

	.border-radius6 {
		border-radius: 10upx 0upx 0upx 0upx;
	}

	.border-radius7 {
		border-radius: 0upx 10upx 0upx 0upx;
	}

	.border-radius8 {
		border-radius: 10upx;
	}

	.update-height1 {
		height: 460upx;
	}

	.lingHeight1 {
		line-height: 460upx;
	}

	.right-box-san {
		width: 49.7%;
	}

	.update-width1 {
		width: 100%;
	}

	.lingHeight2 {
		line-height: 227.5upx;
	}

	.heightAuto {
		height: auto;
	}

	.marginTop {
		margin-top: 5upx;
	}

	.marginLeft {
		margin-right: 5upx;
	}

	.restHeight {
		height: 450upx;
	}

	.restWhidth {
		width: 345upx;
	}

	.restWhidth-2 {
		width: 100%;
	}

	.restWhidth1 {
		width: 240upx;
	}

	.restWhidth1-2 {
		width: 69%;
	}

	.restWhidth2 {
		width: 102upx;
	}

	.restWhidth2-2 {
		width: 29%;
	}

	.restWhidth3 {
		width: 113upx;
	}

	.restWhidth3-2 {
		width: 33%;
	}

	.restWhidth4 {
		width: 229upx;
	}

	.restWhidth4-2 {
		width: 66%;
	}

	.noList {
		color: #333333;
		font-size: 24upx;
		height: 88upx;
		line-height: 88upx;
	}

	.one-zhang {
		width: 100%;
		height: 100%;
		border-radius: 10upx;
		position: relative;
	}

	/* .height-style3 {
		height: 256upx;
	} */

	/* .heightStyle1 {
		height: 130upx;
	}

	.heightStyle2 {
		height: 124upx;
	} */
</style>
